<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注册</title>
    <script src="js/axios.min.js"></script>
    <script src="js/util.js"></script>
    <script src="js/reg.js"></script>
</head>
<body>
    <div style="background-color:darkblue; color:white; text-align:center;">
        <h3>注册</h3>
    </div>
    <div style="background-color:lightblue;margin-top: -20px;" >
        <div style="padding-top: 10px;">
            <label for="username" style="display:inline-block; width:100px;letter-spacing: 5.1px; margin-right:40px;">用户名:</label>
            <input type="text" id="username" name="username" style="width:200px; height:30px;">
            <div>请输入1-10个字符</div>
        </div>
        <br>
        <div>
            <label for="password" style="display:inline-block; width:100px; margin-right:40px;">用户密码:</label>
            <input type="password" id="password" name="password" style="width:200px; height:30px;">
            <div>请输入1-10个字符</div>
        </div>
        <br>
        <div>
            <label for="confirmPwd" style="display:inline-block; width:100px; margin-right:40px;">确认密码:</label>
            <input type="password" id="confirmPwd" name="confirm_password" style="width:200px; height:30px;">
            <div>请输入1-10个字符,要与密码相同</div>
        <div>
            <br>
        </div>
        <label for="email" style="display:inline-block; width:100px; margin-right:40px;">用户邮件:</label>
        <input type="email" id="email" name="email" style="width:200px; height:30px;">
        <div>形如aa@bb.com</div>
        </div>
        <div style="margin-bottom: 10px;">
            <label>头像:</label>
            <input type="radio" id="avatar1" name="avatar" value="1.jpg" checked>
            <img src="/img/1.jpg" alt="头像1">
            <input type="radio" id="avatar2" name="avatar" value="2.jpg">
            <img src="/img/2.jpg" alt="头像2">
            <input type="radio" id="avatar3" name="avatar" value="3.jpg">
            <img src="/img/3.jpg" alt="头像3">
            <input type="radio" id="avatar4" name="avatar" value="4.jpg">
            <img src="/img/4.jpg" alt="头像4">
            <input type="radio" id="avatar5" name="avatar" value="5.jpg">
            <img src="/img/5.jpg" alt="头像5">
        </div>
    </div>
    <div style="background-color:darkblue; color:white; text-align:center;margin-top: -10px;">
        <button id="login" onclick="reg()" style="margin-right:10px;">注册</button>
        <button id="reset" onclick="reset()">重置</button>
    </div>
    
</body>
</html>